{% extends 'html模板/机构队伍-base.html' %}
{% load staticfiles %}

{% block css %}

{% endblock %}

{% block mianbaoxiedaohang %}
    机构队伍统计分析图
{% endblock %}

{% block main %}
    <!--导航-->
    <div class="row-fluid">
        <div class="widget-box">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>机构队伍建设情况导航</h5>
            </div>
            <div class="quick-actions_homepage">
                <ul class="quick-actions">
                    <li class="bg_lr"><a href="#ggjd"> <i class="icon-dashboard"></i> 改革进度 </a></li>
                    <li class="bg_lb"><a href="#jgtj"> <i class="icon-sitemap"></i> 机构统计 </a></li>
                    <li class="bg_ls"><a href="#jfcl"> <i class="icon-truck"></i> 经费车辆 </a></li>
                    <li class="bg_ly"><a href="#rysl"> <i class="icon-random"></i> 人员数量 </a></li>
                    <li class="bg_lo"><a href="#dwxz"> <i class="icon-edit"></i> 单位性质 </a></li>
                    <li class="bg_lr"><a href="#rybz"> <i class="icon-star-empty"></i> 人员编制 </a></li>
                    <li class="bg_lb"><a href="#nlxb"> <i class="icon-time"></i> 年龄统计 </a></li>
                    <li class="bg_ls "><a href="#nlxb"> <i class="icon-leaf"></i> 学历统计 </a></li>
                    <li class="bg_ly "><a href="#nlxb"> <i class="icon-leaf"></i> 性别统计 </a></li>
                    <li class="bg_lo"><a href="#nlxb"> <i class="icon-screenshot"></i>专业统计</a></li>
                    <li class="bg_lr"><a href="#nlxb"> <i class="icon-trophy"></i>军人统计</a></li>
                    <li class="bg_lb"><a href="#dtzs"> <i class="icon-globe"></i>地图展示 </a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--机构改革进度-->
    <div class="row-fluid">
        <div class="widget-box" id="ggjd">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>全省农业执法机构改革进度</h5>
            </div>
            <div class="widget-content">
                <div class="row-fluid">
                    <div class="span4">
                        <div id="6f85da298c594d2ba6b38bb8ccbe9d8c" class="chart-container"
                             style="display: inline-block;margin: 0 auto;margin: 0 auto"></div>
                        <script>
                            $('#6f85da298c594d2ba6b38bb8ccbe9d8c').width($('.span4').width())
                            $('#6f85da298c594d2ba6b38bb8ccbe9d8c').height($('.span4').width())
                        </script>
                        <script>
                            var chart_6f85da298c594d2ba6b38bb8ccbe9d8c = echarts.init(
                                document.getElementById('6f85da298c594d2ba6b38bb8ccbe9d8c'), 'white', {renderer: 'canvas'});
                            var option_6f85da298c594d2ba6b38bb8ccbe9d8c = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "gauge",
                                        "title": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "detail": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8,
                                            "formatter": "{value}%"
                                        },
                                        "name": "省级挂牌率",
                                        "min": 0,
                                        "max": 100,
                                        "splitNumber": 10,
                                        "radius": "75%",
                                        "startAngle": 225,
                                        "endAngle": -45,
                                        "data": [
                                            {
                                                "name": "省级挂牌率",
                                                "value": 100
                                            }
                                        ]
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "省级挂牌率"
                                        ],
                                        "selected": {
                                            "省级挂牌率": true
                                        },
                                        "show": false,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "formatter": "{a} <br/>{b} : {c}%",
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ]
                            };
                            chart_6f85da298c594d2ba6b38bb8ccbe9d8c.setOption(option_6f85da298c594d2ba6b38bb8ccbe9d8c);
                        </script>
                    </div>
                    <div class="span4">
                        <div id="6f85da298c594d2ba6b38bb8ccbe9d9c" class="chart-container"
                             style="display: inline-block;margin: 0 auto"></div>
                        <script>
                            $('#6f85da298c594d2ba6b38bb8ccbe9d9c').width($('.span4').width())
                            $('#6f85da298c594d2ba6b38bb8ccbe9d9c').height($('.span4').width())
                        </script>
                        <script>
                            var chart_6f85da298c594d2ba6b38bb8ccbe9d9c = echarts.init(
                                document.getElementById('6f85da298c594d2ba6b38bb8ccbe9d9c'), 'white', {renderer: 'canvas'});
                            var option_6f85da298c594d2ba6b38bb8ccbe9d9c = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "gauge",
                                        "title": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "detail": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8,
                                            "formatter": "{value}%"
                                        },
                                        "name": "市级挂牌率",
                                        "min": 0,
                                        "max": 100,
                                        "splitNumber": 10,
                                        "radius": "75%",
                                        "startAngle": 225,
                                        "endAngle": -45,
                                        "data": [
                                            {
                                                "name": "市级挂牌率",
                                                "value": 95
                                            }
                                        ]
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "市级挂牌率"
                                        ],
                                        "selected": {
                                            "市级挂牌率": true
                                        },
                                        "show": false,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "formatter": "{a} <br/>{b} : {c}%",
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ]
                            };
                            chart_6f85da298c594d2ba6b38bb8ccbe9d9c.setOption(option_6f85da298c594d2ba6b38bb8ccbe9d9c);
                        </script>
                    </div>
                    <div class="span4">
                        <div id="6f85da298c594d2ba6b38bb8ccbe9d0c" class="chart-container"
                             style="display: inline-block;margin: 0 auto"></div>
                        <script>
                            $('#6f85da298c594d2ba6b38bb8ccbe9d0c').width($('.span4').width())
                            $('#6f85da298c594d2ba6b38bb8ccbe9d0c').height($('.span4').width())
                        </script>
                        <script>
                            var chart_6f85da298c594d2ba6b38bb8ccbe9d0c = echarts.init(
                                document.getElementById('6f85da298c594d2ba6b38bb8ccbe9d0c'), 'white', {renderer: 'canvas'});
                            var option_6f85da298c594d2ba6b38bb8ccbe9d0c = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "gauge",
                                        "title": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "detail": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8,
                                            "formatter": "{value}%"
                                        },
                                        "name": "县级挂牌率",
                                        "min": 0,
                                        "max": 100,
                                        "splitNumber": 10,
                                        "radius": "75%",
                                        "startAngle": 225,
                                        "endAngle": -45,
                                        "data": [
                                            {
                                                "name": "县级挂牌率",
                                                "value": 85
                                            }
                                        ]
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "县级挂牌率"
                                        ],
                                        "selected": {
                                            "县级挂牌率": true
                                        },
                                        "show": false,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "formatter": "{a} <br/>{b} : {c}%",
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ]
                            };
                            chart_6f85da298c594d2ba6b38bb8ccbe9d0c.setOption(option_6f85da298c594d2ba6b38bb8ccbe9d0c);
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--全省农业执法机构数量统计-->
    <div class="row-fluid">
        <div class="widget-box" id="jgtj">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>全省农业执法机构数量统计</h5>
            </div>
            <div class="widget-content">
                <div class="row-fluid">
                    <div class="span12 myspan12">
                        <div id="bba5ac9039174656aa0af6884f23643d" class="chart-container"
                             style="height:300px;margin: 0 auto"></div>
                        <script>
                            $('#bba5ac9039174656aa0af6884f23643d').width($('.myspan12').width())
                        </script>
                        <script>
                            var chart_bba5ac9039174656aa0af6884f23643d = echarts.init(
                                document.getElementById('bba5ac9039174656aa0af6884f23643d'), 'white', {renderer: 'canvas'});
                            var option_bba5ac9039174656aa0af6884f23643d = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#2f4554",
                                    "#d48265",
                                    "#c23531",
                                    "#749f83",
                                    "#61a0a8",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "bar",
                                        "name": "执法机构数",
                                        {#"data":{{ obj.pic1_jgs|safe }},#}
                                        "data":
                                            [
                                                {% for foo in obj.pic1.data %}
                                                    {{ foo.1 }},
                                                {% endfor %}
                                            ]
                                        ,
                                        "barCategoryGap": "20%",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        }
                                    },
                                    {
                                        "type": "line",
                                        "name": "高配数",
                                        "connectNulls": false,
                                        "yAxisIndex": 1,
                                        "symbolSize": 4,
                                        "showSymbol": true,
                                        "smooth": false,
                                        "step": false,
                                        "data": [{% for foo in obj.pic1.data %}["{{ foo.0 }}", {{ foo.2 }}],{% endfor %}],
                                        "hoverAnimation": true,
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "lineStyle": {
                                            "show": true,
                                            "width": 1,
                                            "opacity": 1,
                                            "curveness": 0,
                                            "type": "solid"
                                        },
                                        "areaStyle": {
                                            "opacity": 0
                                        },
                                        "zlevel": 1,
                                        "z": 0
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "执法机构数",
                                            "高配数"
                                        ],
                                        "selected": {
                                            "执法机构数": true
                                        },
                                        "show": true,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "axis",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "cross"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "xAxis": [
                                    {
                                        "type": "category",
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "gridIndex": 0,
                                        "axisPointer": {
                                            "show": true,
                                            "type": "shadow"
                                        },
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": false,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        },
                                        "data": [{% for foo in obj.pic1.data %}"{{ foo.0 }}",{% endfor %}]
                                    }
                                ],
                                "yAxis": [
                                    {
                                        "type": "value",
                                        "name": "机构数",
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "interval":3,
                                        "gridIndex": 0,
                                        "axisTick": {
                                            "show": true,
                                            "alignWithLabel": false,
                                            "inside": false
                                        },
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "min": 0,
                                        "max": 15,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": true,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        }
                                    },
                                    {
                                        "type": "value",
                                        "name": "高配数",
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "interval": 3,
                                        "gridIndex": 0,
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "min": 0,
                                        "max": 15,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": false,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        }
                                    }
                                ],
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ],
                                "toolbox": {
                                    "show": true,
                                    "orient": "horizontal",
                                    "itemSize": 15,
                                    "itemGap": 10,
                                    "left": "80%",
                                    "feature": {
                                        "saveAsImage": {
                                            "show": true,
                                            "title": "save as image",
                                            "type": "png"
                                        },
                                        "restore": {
                                            "show": true,
                                            "title": "restore"
                                        },
                                        "dataView": {
                                            "show": true,
                                            "title": "data view",
                                            "readOnly": false
                                        },
                                        "dataZoom": {
                                            "show": true,
                                            "title": {
                                                "zoom": "data zoom",
                                                "back": "data zoom restore"
                                            }
                                        }
                                    }
                                },
                                "dataZoom": {
                                    "show": true,
                                    "type": "slider",
                                    "realtime": true,
                                    "start": 0,
                                    "end": 65,
                                    "orient": "horizontal",
                                    "zoomLock": false
                                },
                                "grid": {
                                    // top: '10%',
                                    left: '2%',
                                    right: '2%',
                                    bottom: '10%',
                                    containLabel: true,
                                },
                            };
                            chart_bba5ac9039174656aa0af6884f23643d.setOption(option_bba5ac9039174656aa0af6884f23643d);
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--执法经费与执法车辆统计-->
    <div class="row-fluid">
        <div class="widget-box" id="jfcl">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>执法经费与执法车辆统计</h5>
            </div>
            <div class="widget-content">
                <div class="row-fluid">
                    <div class="span12">
                        <div id="4f755804bb84471f9f9317cd11639b5b" class="chart-container"
                             style="height:300px;margin: 0 auto"></div>
                        <script>
                            $('#4f755804bb84471f9f9317cd11639b5b').width($('.myspan12').width())
                        </script>
                        <script>
                            var chart_4f755804bb84471f9f9317cd11639b5b = echarts.init(
                                document.getElementById('4f755804bb84471f9f9317cd11639b5b'), 'white', {renderer: 'canvas'});
                            var option_4f755804bb84471f9f9317cd11639b5b = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "bar",
                                        "name": "市级经费",
                                        "data": [{% for foo in obj.pic2.data %}"{{ foo.1 }}",{% endfor %}],
                                        "stack": "stack1",
                                        "barCategoryGap": "20%",
                                        "label": {
                                            "show": false,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "rippleEffect": {
                                            "show": true,
                                            "brushType": "stroke",
                                            "scale": 2.5,
                                            "period": 4
                                        }
                                    },
                                    {
                                        "type": "bar",
                                        "name": "县级经费",
                                        "data": [{% for foo in obj.pic2.data %}"{{ foo.2 }}",{% endfor %}],
                                        "stack": "stack1",
                                        "barCategoryGap": "20%",
                                        "label": {
                                            "show": false,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "rippleEffect": {
                                            "show": true,
                                            "brushType": "stroke",
                                            "scale": 2.5,
                                            "period": 4
                                        }
                                    },
                                    {
                                        "type": "line",
                                        "name": "车辆数",
                                        "connectNulls": false,
                                        "yAxisIndex": 1,
                                        "symbolSize": 4,
                                        "showSymbol": true,
                                        "smooth": false,
                                        "step": false,
                                        "data":[{% for foo in obj.pic2.data %}["{{ foo.0 }}",{{ foo.3 }}],{% endfor %}],
                                        "hoverAnimation": true,
                                        "label": {
                                            "show": false,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "lineStyle": {
                                            "show": true,
                                            "width": 1,
                                            "opacity": 1,
                                            "curveness": 0,
                                            "type": "solid"
                                        },
                                        "areaStyle": {
                                            "opacity": 0
                                        },
                                        "zlevel": 100,
                                        "z": 0
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "市级经费",
                                            "县级经费",
                                            "车辆数"
                                        ],
                                        "selected": {
                                            "市级经费": true,
                                            "县级经费": true
                                        },
                                        "show": true,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "xAxis": [
                                    {
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "gridIndex": 0,
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": false,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        },
                                        "data": [{% for foo in obj.pic2.data %}"{{ foo.0 }}",{% endfor %}]
                                    }
                                ],
                                "yAxis": [
                                    {
                                        "type": "value",
                                        "name": "经费数",
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "interval": 10,
                                        "gridIndex": 0,
                                        "axisTick": {
                                            "show": true,
                                            "alignWithLabel": false,
                                            "inside": false
                                        },
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "min": 0,
                                        "max": {{ obj.max_jf }},
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": true,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        }
                                    },
                                    {
                                        "type": "value",
                                        "name": "车辆数",
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "interval": 10,
                                        "gridIndex": 0,
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "min": 0,
                                        "max": {{ obj.max_che }},
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": false,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        }
                                    }
                                ],
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ],
                                "toolbox": {
                                    "show": true,
                                    "orient": "horizontal",
                                    "itemSize": 15,
                                    "itemGap": 10,
                                    "left": "80%",
                                    "feature": {
                                        "saveAsImage": {
                                            "show": true,
                                            "title": "save as image",
                                            "type": "png"
                                        },
                                        "restore": {
                                            "show": true,
                                            "title": "restore"
                                        },
                                        "dataView": {
                                            "show": true,
                                            "title": "data view",
                                            "readOnly": false
                                        },
                                        "dataZoom": {
                                            "show": true,
                                            "title": {
                                                "zoom": "data zoom",
                                                "back": "data zoom restore"
                                            }
                                        }
                                    }
                                },
                                "dataZoom": {
                                    "show": true,
                                    "type": "slider",
                                    "realtime": true,
                                    "start": 0,
                                    "end": 65,
                                    "orient": "horizontal",
                                    "zoomLock": false
                                },
                                "grid": {
                                    // top: '10%',
                                    left: '2%',
                                    right: '2%',
                                    bottom: '10%',
                                    containLabel: true,
                                },
                            };
                            chart_4f755804bb84471f9f9317cd11639b5b.setOption(option_4f755804bb84471f9f9317cd11639b5b);
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--编制与在岗人员统计-->
    <div class="row-fluid">
        <div class="widget-box" id="rysl">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>编制与在岗人员统计</h5>
            </div>
            <div class="widget-content">
                <div class="row-fluid">
                    <div class="span12">
                        <div id="b2e56ec98173435fa832d259c386c7f1" class="chart-container"
                             style="height:300px;margin: 0 auto"></div>
                        <script>
                            $('#b2e56ec98173435fa832d259c386c7f1').width($('.myspan12').width())
                        </script>
                        <script>
                            var chart_b2e56ec98173435fa832d259c386c7f1 = echarts.init(
                                document.getElementById('b2e56ec98173435fa832d259c386c7f1'), 'white', {renderer: 'canvas'});
                            var option_b2e56ec98173435fa832d259c386c7f1 = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "bar",
                                        "name": "编制人数",
                                        "data": [{% for foo in obj.pic3.data %}{{ foo.1 }},{% endfor %}],
                                        "barCategoryGap": "20%",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        }
                                    },
                                    {
                                        "type": "bar",
                                        "name": "在岗人数",
                                        "data":[{% for foo in obj.pic3.data %}{{ foo.2 }},{% endfor %}],
                                        "barCategoryGap": "20%",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        }
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "编制人数",
                                            "在岗人数"
                                        ],
                                        "selected": {
                                            "编制人数": true,
                                            "在岗人数": true
                                        },
                                        "show": true,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "xAxis": [
                                    {
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "gridIndex": 0,
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": false,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        },
                                        "data": [{% for foo in obj.pic3.data %}"{{ foo.0 }}",{% endfor %}]
                                    }
                                ],
                                "yAxis": [
                                    {
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "gridIndex": 0,
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": false,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        }
                                    }
                                ],
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ],
                                "dataZoom": {
                                    "show": true,
                                    "type": "slider",
                                    "realtime": true,
                                    "start": 0,
                                    "end": 70,
                                    "orient": "horizontal",
                                    "zoomLock": false
                                },
                                "grid": {
                                    // top: '10%',
                                    left: '2%',
                                    right: '2%',
                                    bottom: '10%',
                                    containLabel: true,
                                },
                            };
                            chart_b2e56ec98173435fa832d259c386c7f1.setOption(option_b2e56ec98173435fa832d259c386c7f1);
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分列-->
    <div class="row-fluid">
        <div class="span6">
            <!--机构性质-->
            <div class="widget-box" id="dwxz">
                <div class="widget-title bg_ly"><span class="icon"><i class="icon-chevron-down"></i></span>
                    <h5>执法机构性质统计</h5>
                </div>
                <div class="widget-content">
                    <div class="row-fluid">
                        <div class="span12 myspan6">
                            <div id="681da66526d346108f53fbf52ef264af" class="chart-container"
                                 style=" margin: 0 auto"></div>
                            <script>
                                $("#681da66526d346108f53fbf52ef264af").width($('.myspan6').width());
                                $("#681da66526d346108f53fbf52ef264af").height($('.myspan6').width());
                            </script>
                            <script>
                                var chart_681da66526d346108f53fbf52ef264af = echarts.init(
                                    document.getElementById('681da66526d346108f53fbf52ef264af'), 'white', {renderer: 'canvas'});
                                var option_681da66526d346108f53fbf52ef264af = {
                                    "animation": true,
                                    "animationThreshold": 2000,
                                    "animationDuration": 1000,
                                    "animationEasing": "cubicOut",
                                    "animationDelay": 0,
                                    "animationDurationUpdate": 300,
                                    "animationEasingUpdate": "cubicOut",
                                    "animationDelayUpdate": 0,
                                    "color": [
                                        "#c23531",
                                        "#2f4554",
                                        "#61a0a8",
                                        "#d48265",
                                        "#749f83",
                                        "#ca8622",
                                        "#bda29a",
                                        "#6e7074",
                                        "#546570",
                                        "#c4ccd3",
                                        "#f05b72",
                                        "#ef5b9c",
                                        "#f47920",
                                        "#905a3d",
                                        "#fab27b",
                                        "#2a5caa",
                                        "#444693",
                                        "#726930",
                                        "#b2d235",
                                        "#6d8346",
                                        "#ac6767",
                                        "#1d953f",
                                        "#6950a1",
                                        "#918597"
                                    ],
                                    "series": [
                                        {
                                            "type": "pie",
                                            "name": "\u5168\u7701",
                                            "clockwise": true,
                                            "data": [
                                                {
                                                    "name": "\u884c\u653f\u673a\u5173\u5185\u8bbe\u673a\u6784",
                                                    "value": 5
                                                },
                                                {
                                                    "name": "\u72ec\u7acb\u884c\u653f\u5355\u4f4d",
                                                    "value": 2
                                                },
                                                {
                                                    "name": "\u5168\u4f9b\u4e8b\u4e1a\u5355\u4f4d",
                                                    "value": 108
                                                },
                                                {
                                                    "name": "\u5dee\u4f9b\u4e8b\u4e1a\u4e8b\u4e1a\u5355\u4f4d",
                                                    "value": 5
                                                },
                                                {
                                                    "name": "\u81ea\u6536\u81ea\u652f\u4e8b\u4e1a\u5355\u4f4d",
                                                    "value": 6
                                                }
                                            ],
                                            "radius": [
                                                "15%",
                                                "40%"
                                            ],
                                            "center": [
                                                "50%",
                                                "50%"
                                            ],
                                            "roseType": "area",
                                            "label": {
                                                "show": true,
                                                "position": "top",
                                                "margin": 8,
                                                "formatter": "{b}:{c}   {d}%"
                                            },
                                            "rippleEffect": {
                                                "show": true,
                                                "brushType": "stroke",
                                                "scale": 2.5,
                                                "period": 4
                                            }
                                        }
                                    ],
                                    "legend": [
                                        {
                                            "data": [
                                                "\u884c\u653f\u673a\u5173\u5185\u8bbe\u673a\u6784",
                                                "\u72ec\u7acb\u884c\u653f\u5355\u4f4d",
                                                "\u5168\u4f9b\u4e8b\u4e1a\u5355\u4f4d",
                                                "\u5dee\u4f9b\u4e8b\u4e1a\u4e8b\u4e1a\u5355\u4f4d",
                                                "\u81ea\u6536\u81ea\u652f\u4e8b\u4e1a\u5355\u4f4d"
                                            ],
                                            "selected": {}
                                        }
                                    ],
                                    "tooltip": {
                                        "show": true,
                                        "trigger": "item",
                                        "triggerOn": "mousemove|click",
                                        "axisPointer": {
                                            "type": "line"
                                        },
                                        "textStyle": {
                                            "fontSize": 14
                                        },
                                        "borderWidth": 0
                                    }
                                };
                                chart_681da66526d346108f53fbf52ef264af.setOption(option_681da66526d346108f53fbf52ef264af);
                            </script>
                        </div>
                    </div>
                </div>
            </div>
            <!--地图展示-->
            <div class="widget-box" id="dtzs">
                <div class="widget-title">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tab1">执法机构数量展示</a></li>
                        <li><a data-toggle="tab" href="#tab2">执法人员数量展示</a></li>
                    </ul>
                </div>
                <div class="widget-content tab-content">
                    <div id="tab1" class="tab-pane active">
                        <div id="44a4f8a5659d4664bd09bc45a1599fff" class="chart-container"
                             style="margin: 0 auto"></div>
                        <script>
                            $("#44a4f8a5659d4664bd09bc45a1599fff").width($('.myspan6').width());
                            $("#44a4f8a5659d4664bd09bc45a1599fff").height($('.myspan6').width());
                        </script>
                        <script>
                            var chart_44a4f8a5659d4664bd09bc45a1599fff = echarts.init(
                                document.getElementById('44a4f8a5659d4664bd09bc45a1599fff'), 'white', {renderer: 'canvas'});
                            var option_44a4f8a5659d4664bd09bc45a1599fff = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "map",
                                        "name": "全省农业综合执法机构统计",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "mapType": "\u6cb3\u5357",
                                        "data": [
                                            {
                                                "name": "\u90d1\u5dde\u5e02",
                                                "value": 139
                                            },
                                            {
                                                "name": "\u5f00\u5c01\u5e02",
                                                "value": 81
                                            },
                                            {
                                                "name": "\u6d1b\u9633\u5e02",
                                                "value": 123
                                            },
                                            {
                                                "name": "\u5e73\u9876\u5c71\u5e02",
                                                "value": 97
                                            },
                                            {
                                                "name": "\u5b89\u9633\u5e02",
                                                "value": 141
                                            },
                                            {
                                                "name": "\u9e64\u58c1\u5e02",
                                                "value": 105
                                            },
                                            {
                                                "name": "\u65b0\u4e61\u5e02",
                                                "value": 78
                                            },
                                            {
                                                "name": "\u7126\u4f5c\u5e02",
                                                "value": 127
                                            },
                                            {
                                                "name": "\u6fee\u9633\u5e02",
                                                "value": 46
                                            },
                                            {
                                                "name": "\u8bb8\u660c\u5e02",
                                                "value": 68
                                            },
                                            {
                                                "name": "\u6f2f\u6cb3\u5e02",
                                                "value": 140
                                            },
                                            {
                                                "name": "\u4e09\u95e8\u5ce1\u5e02",
                                                "value": 38
                                            },
                                            {
                                                "name": "\u5357\u9633\u5e02",
                                                "value": 146
                                            },
                                            {
                                                "name": "\u5546\u4e18\u5e02",
                                                "value": 24
                                            },
                                            {
                                                "name": "\u4fe1\u9633\u5e02",
                                                "value": 95
                                            },
                                            {
                                                "name": "\u5468\u53e3\u5e02",
                                                "value": 77
                                            },
                                            {
                                                "name": "\u9a7b\u9a6c\u5e97\u5e02",
                                                "value": 88
                                            },
                                            {
                                                "name": "\u6d4e\u6e90\u5e02",
                                                "value": 143
                                            },
                                            {
                                                "name": "\u5de9\u4e49\u5e02",
                                                "value": 48
                                            },
                                            {
                                                "name": "\u5170\u8003\u53bf",
                                                "value": 54
                                            },
                                            {
                                                "name": "\u6c5d\u5dde\u5e02",
                                                "value": 48
                                            },
                                            {
                                                "name": "\u6ed1\u53bf",
                                                "value": 23
                                            },
                                            {
                                                "name": "\u957f\u57a3\u53bf",
                                                "value": 48
                                            },
                                            {
                                                "name": "\u9093\u5dde\u5e02",
                                                "value": 46
                                            },
                                            {
                                                "name": "\u6c38\u57ce\u5e02",
                                                "value": 122
                                            },
                                            {
                                                "name": "\u56fa\u59cb\u53bf",
                                                "value": 139
                                            },
                                            {
                                                "name": "\u9e7f\u9091\u53bf",
                                                "value": 38
                                            },
                                            {
                                                "name": "\u65b0\u8521\u53bf",
                                                "value": 112
                                            }
                                        ],
                                        "roam": true,
                                        "zoom": 1,
                                        "showLegendSymbol": true,
                                        "emphasis": {}
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "全省农业综合执法机构统计"
                                        ],
                                        "selected": {
                                            "全省农业综合执法机构统计": true
                                        },
                                        "show": false,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "visualMap": {
                                    "show": true,
                                    "type": "continuous",
                                    "min": 0,
                                    "max": 150,
                                    "inRange": {
                                        "color": [
                                            "#50a3ba",
                                            "#eac763",
                                            "#d94e5d"
                                        ]
                                    },
                                    "calculable": true,
                                    "inverse": false,
                                    "splitNumber": 5,
                                    "orient": "vertical",
                                    "left": "5%",
                                    "showLabel": true,
                                    "itemWidth": 20,
                                    "itemHeight": 140,
                                    "borderWidth": 0
                                }
                            };
                            chart_44a4f8a5659d4664bd09bc45a1599fff.setOption(option_44a4f8a5659d4664bd09bc45a1599fff);
                        </script>
                    </div>
                    <div id="tab2" class="tab-pane">
                        <div id="44a4f8a5659d4664bd09bc45a1599eee" class="chart-container"
                             style="margin: 0 auto"></div>
                        <script>
                            $("#44a4f8a5659d4664bd09bc45a1599eee").width($('.myspan6').width());
                            $("#44a4f8a5659d4664bd09bc45a1599eee").height($('.myspan6').width());
                        </script>
                        <script>
                            var chart_44a4f8a5659d4664bd09bc45a1599eee = echarts.init(
                                document.getElementById('44a4f8a5659d4664bd09bc45a1599eee'), 'white', {renderer: 'canvas'});
                            var option_44a4f8a5659d4664bd09bc45a1599eee = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "map",
                                        "name": "\u5168\u7701\u6267\u6cd5\u4eba\u5458\u5728\u5c97\u7edf\u8ba1",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "mapType": "\u6cb3\u5357",
                                        "data": [
                                            {
                                                "name": "\u90d1\u5dde\u5e02",
                                                "value": 139
                                            },
                                            {
                                                "name": "\u5f00\u5c01\u5e02",
                                                "value": 81
                                            },
                                            {
                                                "name": "\u6d1b\u9633\u5e02",
                                                "value": 123
                                            },
                                            {
                                                "name": "\u5e73\u9876\u5c71\u5e02",
                                                "value": 97
                                            },
                                            {
                                                "name": "\u5b89\u9633\u5e02",
                                                "value": 141
                                            },
                                            {
                                                "name": "\u9e64\u58c1\u5e02",
                                                "value": 105
                                            },
                                            {
                                                "name": "\u65b0\u4e61\u5e02",
                                                "value": 78
                                            },
                                            {
                                                "name": "\u7126\u4f5c\u5e02",
                                                "value": 127
                                            },
                                            {
                                                "name": "\u6fee\u9633\u5e02",
                                                "value": 46
                                            },
                                            {
                                                "name": "\u8bb8\u660c\u5e02",
                                                "value": 68
                                            },
                                            {
                                                "name": "\u6f2f\u6cb3\u5e02",
                                                "value": 140
                                            },
                                            {
                                                "name": "\u4e09\u95e8\u5ce1\u5e02",
                                                "value": 38
                                            },
                                            {
                                                "name": "\u5357\u9633\u5e02",
                                                "value": 146
                                            },
                                            {
                                                "name": "\u5546\u4e18\u5e02",
                                                "value": 24
                                            },
                                            {
                                                "name": "\u4fe1\u9633\u5e02",
                                                "value": 95
                                            },
                                            {
                                                "name": "\u5468\u53e3\u5e02",
                                                "value": 77
                                            },
                                            {
                                                "name": "\u9a7b\u9a6c\u5e97\u5e02",
                                                "value": 88
                                            },
                                            {
                                                "name": "\u6d4e\u6e90\u5e02",
                                                "value": 143
                                            },
                                            {
                                                "name": "\u5de9\u4e49\u5e02",
                                                "value": 48
                                            },
                                            {
                                                "name": "\u5170\u8003\u53bf",
                                                "value": 54
                                            },
                                            {
                                                "name": "\u6c5d\u5dde\u5e02",
                                                "value": 48
                                            },
                                            {
                                                "name": "\u6ed1\u53bf",
                                                "value": 23
                                            },
                                            {
                                                "name": "\u957f\u57a3\u53bf",
                                                "value": 48
                                            },
                                            {
                                                "name": "\u9093\u5dde\u5e02",
                                                "value": 46
                                            },
                                            {
                                                "name": "\u6c38\u57ce\u5e02",
                                                "value": 122
                                            },
                                            {
                                                "name": "\u56fa\u59cb\u53bf",
                                                "value": 139
                                            },
                                            {
                                                "name": "\u9e7f\u9091\u53bf",
                                                "value": 38
                                            },
                                            {
                                                "name": "\u65b0\u8521\u53bf",
                                                "value": 112
                                            }
                                        ],
                                        "roam": true,
                                        "zoom": 1,
                                        "showLegendSymbol": true,
                                        "emphasis": {}
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "\u5168\u7701\u6267\u6cd5\u4eba\u5458\u5728\u5c97\u7edf\u8ba1"
                                        ],
                                        "selected": {
                                            "\u5168\u7701\u6267\u6cd5\u4eba\u5458\u5728\u5c97\u7edf\u8ba1": true
                                        },
                                        "show": false,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "visualMap": {
                                    "show": true,
                                    "type": "continuous",
                                    "min": 0,
                                    "max": 150,
                                    "inRange": {
                                        "color": [
                                            "#50a3ba",
                                            "#eac763",
                                            "#d94e5d"
                                        ]
                                    },
                                    "calculable": true,
                                    "inverse": false,
                                    "splitNumber": 5,
                                    "orient": "vertical",
                                    "left": "5%",
                                    "showLabel": true,
                                    "itemWidth": 20,
                                    "itemHeight": 140,
                                    "borderWidth": 0
                                }
                            };
                            chart_44a4f8a5659d4664bd09bc45a1599eee.setOption(option_44a4f8a5659d4664bd09bc45a1599eee);
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <div class="span6">
            <!--编制性质-->
            <div class="widget-box" id="rybz">
                <div class="widget-title bg_ly"><span class="icon"><i class="icon-chevron-down"></i></span>
                    <h5>执法人员编制统计</h5>
                </div>
                <div class="widget-content">
                    <div class="row-fluid">
                        <div class="span12">
                            <div id="108d493d63934c86b3ad9c090b029c9d" class="chart-container"
                                 style="width:800px; height:600px;margin: 0 auto"></div>
                            <script>
                                $("#108d493d63934c86b3ad9c090b029c9d").width($('.myspan6').width());
                                $("#108d493d63934c86b3ad9c090b029c9d").height($('.myspan6').width());
                            </script>
                            <script>
                                var chart_108d493d63934c86b3ad9c090b029c9d = echarts.init(
                                    document.getElementById('108d493d63934c86b3ad9c090b029c9d'), 'white', {renderer: 'canvas'});
                                var option_108d493d63934c86b3ad9c090b029c9d = {
                                    "animation": true,
                                    "animationThreshold": 2000,
                                    "animationDuration": 1000,
                                    "animationEasing": "cubicOut",
                                    "animationDelay": 0,
                                    "animationDurationUpdate": 300,
                                    "animationEasingUpdate": "cubicOut",
                                    "animationDelayUpdate": 0,
                                    "color": [
                                        "#c23531",
                                        "#2f4554",
                                        "#61a0a8",
                                        "#d48265",
                                        "#749f83",
                                        "#ca8622",
                                        "#bda29a",
                                        "#6e7074",
                                        "#546570",
                                        "#c4ccd3",
                                        "#f05b72",
                                        "#ef5b9c",
                                        "#f47920",
                                        "#905a3d",
                                        "#fab27b",
                                        "#2a5caa",
                                        "#444693",
                                        "#726930",
                                        "#b2d235",
                                        "#6d8346",
                                        "#ac6767",
                                        "#1d953f",
                                        "#6950a1",
                                        "#918597"
                                    ],
                                    "series": [
                                        {
                                            "type": "pie",
                                            "name": "\u5168\u7701",
                                            "clockwise": true,
                                            "data": [
                                                {
                                                    "name": "\u516c\u52a1\u5458",
                                                    "value": 5
                                                },
                                                {
                                                    "name": "\u4e8b\u4e1a\u5168\u4f9b",
                                                    "value": 2
                                                },
                                                {
                                                    "name": "\u4e8b\u4e1a\u5168\u4f9b\uff08\u6df7\u5c97\uff09",
                                                    "value": 108
                                                },
                                                {
                                                    "name": "\u4e8b\u4e1a\u5dee\u4f9b",
                                                    "value": 5
                                                },
                                                {
                                                    "name": "\u81ea\u6536\u81ea\u652f",
                                                    "value": 6
                                                }
                                            ],
                                            "radius": [
                                                "15%",
                                                "40%"
                                            ],
                                            "center": [
                                                "50%",
                                                "50%"
                                            ],
                                            "roseType": "area",
                                            "label": {
                                                "show": true,
                                                "position": "top",
                                                "margin": 8,
                                                "formatter": "{b}:{c}   {d}%"
                                            },
                                            "rippleEffect": {
                                                "show": true,
                                                "brushType": "stroke",
                                                "scale": 2.5,
                                                "period": 4
                                            }
                                        }
                                    ],
                                    "legend": [
                                        {
                                            "data": [
                                                "\u516c\u52a1\u5458",
                                                "\u4e8b\u4e1a\u5168\u4f9b",
                                                "\u4e8b\u4e1a\u5168\u4f9b\uff08\u6df7\u5c97\uff09",
                                                "\u4e8b\u4e1a\u5dee\u4f9b",
                                                "\u81ea\u6536\u81ea\u652f"
                                            ],
                                            "selected": {}
                                        }
                                    ],
                                    "tooltip": {
                                        "show": true,
                                        "trigger": "item",
                                        "triggerOn": "mousemove|click",
                                        "axisPointer": {
                                            "type": "line"
                                        },
                                        "textStyle": {
                                            "fontSize": 14
                                        },
                                        "borderWidth": 0
                                    }
                                };
                                chart_108d493d63934c86b3ad9c090b029c9d.setOption(option_108d493d63934c86b3ad9c090b029c9d);
                            </script>
                        </div>
                    </div>
                </div>
            </div>
            <!--人员年龄学历性别统计-->
            <div class="widget-box" id="nlxb">
                <div class="widget-title">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tab11">年龄统计</a></li>
                        <li><a data-toggle="tab" href="#tab22">学历统计</a></li>
                        <li><a data-toggle="tab" href="#tab33">专业统计</a></li>
                        <li><a data-toggle="tab" href="#tab44">性别统计</a></li>
                        <li><a data-toggle="tab" href="#tab55">军人统计</a></li>
                    </ul>
                </div>
                <div class="widget-content tab-content">
                    <div id="tab11" class="tab-pane active">
                        <div id="6e181e3817de4aaea66c8ff6571fe8a6" class="chart-container"
                             style="width:500px; height:500px;"></div>
                        <script>
                            $('#6e181e3817de4aaea66c8ff6571fe8a6').width($('.tab-pane').width())
                            $('#6e181e3817de4aaea66c8ff6571fe8a6').height($('.tab-pane').width())
                        </script>
                        <script>
                            var chart_6e181e3817de4aaea66c8ff6571fe8a6 = echarts.init(
                                document.getElementById('6e181e3817de4aaea66c8ff6571fe8a6'), 'white', {renderer: 'canvas'});
                            var option_6e181e3817de4aaea66c8ff6571fe8a6 = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "pie",
                                        "name": "\u5e74\u9f84",
                                        "clockwise": true,
                                        "data": [
                                            {
                                                "name": "30\u5c81\u4ee5\u4e0b",
                                                "value": 200
                                            },
                                            {
                                                "name": "31\u5c81-40\u5c81",
                                                "value": 350
                                            },
                                            {
                                                "name": "40\u5c81-50\u5c81",
                                                "value": 330
                                            },
                                            {
                                                "name": "50\u5c81\u4ee5\u4e0a",
                                                "value": 195
                                            }
                                        ],
                                        "radius": [
                                            "30%",
                                            "40%"
                                        ],
                                        "center": [
                                            "50%",
                                            "50%"
                                        ],
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8,
                                            "formatter": "{b}:{c}   {d}%"
                                        },
                                        "rippleEffect": {
                                            "show": true,
                                            "brushType": "stroke",
                                            "scale": 2.5,
                                            "period": 4
                                        }
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "30\u5c81\u4ee5\u4e0b",
                                            "31\u5c81-40\u5c81",
                                            "40\u5c81-50\u5c81",
                                            "50\u5c81\u4ee5\u4e0a"
                                        ],
                                        "selected": {}
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                }
                            };
                            chart_6e181e3817de4aaea66c8ff6571fe8a6.setOption(option_6e181e3817de4aaea66c8ff6571fe8a6);
                        </script>
                    </div>
                    <div id="tab22" class="tab-pane">
                        <div id="bfab4b79002743d98854ad6a1fb40628" class="chart-container"
                             style="margin: 0 auto"></div>
                        <script>
                            $('#bfab4b79002743d98854ad6a1fb40628').width($('.tab-pane').width())
                            $('#bfab4b79002743d98854ad6a1fb40628').height($('.tab-pane').width())
                        </script>
                        <script>
                            var chart_bfab4b79002743d98854ad6a1fb40628 = echarts.init(
                                document.getElementById('bfab4b79002743d98854ad6a1fb40628'), 'white', {renderer: 'canvas'});
                            var option_bfab4b79002743d98854ad6a1fb40628 = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "pie",
                                        "name": "\u5e74\u9f84",
                                        "clockwise": true,
                                        "data": [
                                            {
                                                "name": "\u535a\u58eb\u53ca\u4ee5\u4e0a",
                                                "value": 200
                                            },
                                            {
                                                "name": "\u7855\u58eb",
                                                "value": 350
                                            },
                                            {
                                                "name": "\u672c\u79d1",
                                                "value": 330
                                            },
                                            {
                                                "name": "\u5927\u4e13",
                                                "value": 195
                                            }
                                        ],
                                        "radius": [
                                            "30%",
                                            "40%"
                                        ],
                                        "center": [
                                            "50%",
                                            "50%"
                                        ],
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8,
                                            "formatter": "{b}:{c}   {d}%"
                                        },
                                        "rippleEffect": {
                                            "show": true,
                                            "brushType": "stroke",
                                            "scale": 2.5,
                                            "period": 4
                                        }
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "\u535a\u58eb\u53ca\u4ee5\u4e0a",
                                            "\u7855\u58eb",
                                            "\u672c\u79d1",
                                            "\u5927\u4e13"
                                        ],
                                        "selected": {}
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                }
                            };
                            chart_bfab4b79002743d98854ad6a1fb40628.setOption(option_bfab4b79002743d98854ad6a1fb40628);
                        </script>
                    </div>
                    <div id="tab33" class="tab-pane">
                        <div id="1569da4947b94ced92ed95c4937b0e21" class="chart-container"
                             style="margin: 0 auto"></div>
                        <script>
                            $('#1569da4947b94ced92ed95c4937b0e21').width($('.tab-pane').width())
                            $('#1569da4947b94ced92ed95c4937b0e21').height($('.tab-pane').width())
                        </script>
                        <script>
                            var chart_1569da4947b94ced92ed95c4937b0e21 = echarts.init(
                                document.getElementById('1569da4947b94ced92ed95c4937b0e21'), 'white', {renderer: 'canvas'});
                            var option_1569da4947b94ced92ed95c4937b0e21 = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "pie",
                                        "name": "\u4e13\u4e1a",
                                        "clockwise": true,
                                        "data": [
                                            {
                                                "name": "\u6cd5\u5f8b\u4e13\u4e1a",
                                                "value": 1200
                                            },
                                            {
                                                "name": "\u975e\u6cd5\u5f8b\u4e13\u4e1a",
                                                "value": 50
                                            }
                                        ],
                                        "radius": [
                                            "30%",
                                            "40%"
                                        ],
                                        "center": [
                                            "50%",
                                            "50%"
                                        ],
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8,
                                            "formatter": "{b}:{c}   {d}%"
                                        },
                                        "rippleEffect": {
                                            "show": true,
                                            "brushType": "stroke",
                                            "scale": 2.5,
                                            "period": 4
                                        }
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "\u6cd5\u5f8b\u4e13\u4e1a",
                                            "\u975e\u6cd5\u5f8b\u4e13\u4e1a"
                                        ],
                                        "selected": {}
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                }
                            };
                            chart_1569da4947b94ced92ed95c4937b0e21.setOption(option_1569da4947b94ced92ed95c4937b0e21);
                        </script>
                    </div>
                    <div id="tab44" class="tab-pane">
                        <div id="804d9bf3c37d468b99874ffd07d56a87" class="chart-container"
                             style="margin: 0 auto"></div>
                        <script>
                            $('#804d9bf3c37d468b99874ffd07d56a87').width($('.tab-pane').width())
                            $('#804d9bf3c37d468b99874ffd07d56a87').height($('.tab-pane').width())
                        </script>
                        <script>
                            var chart_804d9bf3c37d468b99874ffd07d56a87 = echarts.init(
                                document.getElementById('804d9bf3c37d468b99874ffd07d56a87'), 'white', {renderer: 'canvas'});
                            var option_804d9bf3c37d468b99874ffd07d56a87 = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "pie",
                                        "name": "\u6027\u522b",
                                        "clockwise": true,
                                        "data": [
                                            {
                                                "name": "\u7537\u6027",
                                                "value": 300
                                            },
                                            {
                                                "name": "\u5973\u6027",
                                                "value": 250
                                            }
                                        ],
                                        "radius": [
                                            "30%",
                                            "40%"
                                        ],
                                        "center": [
                                            "50%",
                                            "50%"
                                        ],
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8,
                                            "formatter": "{b}:{c}   {d}%"
                                        },
                                        "rippleEffect": {
                                            "show": true,
                                            "brushType": "stroke",
                                            "scale": 2.5,
                                            "period": 4
                                        }
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "\u7537\u6027",
                                            "\u5973\u6027"
                                        ],
                                        "selected": {}
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                }
                            };
                            chart_804d9bf3c37d468b99874ffd07d56a87.setOption(option_804d9bf3c37d468b99874ffd07d56a87);
                        </script>
                    </div>
                    <div id="tab55" class="tab-pane">
                        <div id="20516d5aa76e45cc968a2a088553b880" class="chart-container"
                             style="margin: 0 auto"></div>
                        <script>
                            $('#20516d5aa76e45cc968a2a088553b880').width($('.tab-pane').width())
                            $('#20516d5aa76e45cc968a2a088553b880').height($('.tab-pane').width())
                        </script>
                        <script>
                            var chart_20516d5aa76e45cc968a2a088553b880 = echarts.init(
                                document.getElementById('20516d5aa76e45cc968a2a088553b880'), 'white', {renderer: 'canvas'});
                            var option_20516d5aa76e45cc968a2a088553b880 = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "pie",
                                        "name": "\u662f\u5426\u5f79\u4f0d\u519b\u4eba",
                                        "clockwise": true,
                                        "data": [
                                            {
                                                "name": "\u9000\u5f79\u519b\u4eba",
                                                "value": 1700
                                            },
                                            {
                                                "name": "\u975e\u5f79\u4f0d\u519b\u4eba",
                                                "value": 500
                                            }
                                        ],
                                        "radius": [
                                            "30%",
                                            "40%"
                                        ],
                                        "center": [
                                            "50%",
                                            "50%"
                                        ],
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8,
                                            "formatter": "{b}:{c}   {d}%"
                                        },
                                        "rippleEffect": {
                                            "show": true,
                                            "brushType": "stroke",
                                            "scale": 2.5,
                                            "period": 4
                                        }
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "\u9000\u5f79\u519b\u4eba",
                                            "\u975e\u5f79\u4f0d\u519b\u4eba"
                                        ],
                                        "selected": {}
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                }
                            };
                            chart_20516d5aa76e45cc968a2a088553b880.setOption(option_20516d5aa76e45cc968a2a088553b880);
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
    <script>
        $('.fhsy').addClass('active')
        $(window).resize(function () {
            $('#6f85da298c594d2ba6b38bb8ccbe9d8c').width($('.span4').width());
            $('#6f85da298c594d2ba6b38bb8ccbe9d8c').height($('.span4').width());
            $('#6f85da298c594d2ba6b38bb8ccbe9d9c').width($('.span4').width());
            $('#6f85da298c594d2ba6b38bb8ccbe9d9c').height($('.span4').width());
            $('#6f85da298c594d2ba6b38bb8ccbe9d0c').width($('.span4').width());
            $('#6f85da298c594d2ba6b38bb8ccbe9d0c').height($('.span4').width());
            $("#bba5ac9039174656aa0af6884f23643d canvas").width($('.myspan12').width());
            $("#4f755804bb84471f9f9317cd11639b5b canvas").width($('.myspan12').width());
            $("#b2e56ec98173435fa832d259c386c7f1 canvas").width($('.myspan12').width());
            $("#681da66526d346108f53fbf52ef264af canvas").width($('.myspan6').width());
            $("#681da66526d346108f53fbf52ef264af canvas").height($('.myspan6').width());
            $("#44a4f8a5659d4664bd09bc45a1599fff canvas").width($('.myspan6').width());
            $("#44a4f8a5659d4664bd09bc45a1599fff canvas").height($('.myspan6').width());
            $("#44a4f8a5659d4664bd09bc45a1599eee canvas").width($('.myspan6').width());
            $("#44a4f8a5659d4664bd09bc45a1599eee canvas").height($('.myspan6').width());
            $("#108d493d63934c86b3ad9c090b029c9d canvas").width($('.myspan6').width());
            $("#108d493d63934c86b3ad9c090b029c9d canvas").height($('.myspan6').width());
            $('#6e181e3817de4aaea66c8ff6571fe8a6 canvas').width($('.tab-pane').width())
            $('#6e181e3817de4aaea66c8ff6571fe8a6 canvas').height($('.tab-pane').width())
            $('#bfab4b79002743d98854ad6a1fb40628 canvas').width($('.tab-pane').width());
            $('#bfab4b79002743d98854ad6a1fb40628 canvas').height($('.tab-pane').width());
            $('#1569da4947b94ced92ed95c4937b0e21 canvas').width($('.tab-pane').width());
            $('#1569da4947b94ced92ed95c4937b0e21 canvas').height($('.tab-pane').width());
            $('#804d9bf3c37d468b99874ffd07d56a87 canvas').width($('.tab-pane').width());
            $('#804d9bf3c37d468b99874ffd07d56a87 canvas').height($('.tab-pane').width());
            $('#20516d5aa76e45cc968a2a088553b880 canvas').width($('.tab-pane').width());
            $('#20516d5aa76e45cc968a2a088553b880 canvas').height($('.tab-pane').width());
            window.location.reload()
        });
    </script>
{% endblock %}